<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="include :: header"></head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单详情</title>
    <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css"/>
    <link href="../static/azxcrm/css/refund_detail.css"
		  th:href="@{/azxcrm/css/refund_detail.css}" rel="stylesheet" />
    <script src="../../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
   	<link href="/ajax/libs/select/select2.css"
		  th:href="@{/ajax/libs/select/select2.css}" rel="stylesheet" />
   	<!-- 引用控制层插件样式 -->
	<link href="../static/ajax/libs/zyupload/control/css/zyUpload.css" th:href="@{/ajax/libs/zyupload/control/css/zyUpload.css}" rel="stylesheet"/>
<body>
    <div class="g-detail">
        <div class="add_order clearfix pos-rel">
            <div class="addorder_left clearfix">订单详情
            	<button  class="pos-ab btn1" data-toggle="modal" data-target="#myModa2" type="button" shiro:hasPermission="module:order:add">发起退单</button>
            </div>
        </div>
         <!-- 头部结构 -->

         <div class="g-tab-list">				
            <div id="myTabContent" class="tab-content">              
                    <div class="tab-pane fade in active" id="s-tab-1">
                        <!--客户信息-->
                        <div class="g-customer-info">
                            <ul class="clearfix">
                                <li>
                                	<span>订单号：</span><span th:text="${orderDeal.order.orderNum}"></span>
                                </li>
                                <li>
                                	<span>订单类型</span><span th:text="${orderDeal.order.typeName}"></span>
                                </li>
                                <li>
                                	<span>产品：</span><span th:text="${orderDeal.order.fullName}"></span>
                                </li>
                                <li>
                                	<span>金额：</span><span th:text="${orderDeal.productInfo.productPrice}"></span>
                                </li>		
                                <li>
                                	<span>状态：</span><span th:if="${orderDeal.order.orderStatus} == 5">已成单</span>
                                </li>	
                                <li>
                                	<span>创建时间：</span><span th:text="${orderDeal.order.createTime}"></span>
                                </li>	
                                <li>
                                	<span>使用期限：</span><span th:text="${orderDeal.productInfo.productTerm}"></span>个月
                                </li>	                		
                                <li>
                                	<span>客户：</span><span th:text="${orderDeal.customerInfo.name} +'&nbsp('+ ${orderDeal.customerInfo.identityNum}+' , '+${orderDeal.customerInfo.cellphone}+')'"></span>
                                </li>	
                                <li>
                                	<span>销售员：</span><span th:text="${orderDeal.order.salesUserName}"></span>
                                </li>	
                                <li>
                                	<span>财务：</span><span th:text="${orderDeal.order.treasurerUserName}"></span>
                                </li>	
                                <li>
                                	<span>合同号：</span><span th:text="${orderDeal.contractId}"></span>
                                </li>	
                                <li>
                                	<span>结单时间：</span><span th:text="${orderDeal.dealTime}"></span>
                                </li>	
                            </ul>
                        </div>
                    </div> 

                    <div class="contact-img clearfix">
                        <span>合同源文件：</span>
                        <div class="s-contact-img">
                            <img th:each="dealImagesList:${dealImagesList}" th:src="@{${dealImagesList}}" />
                        </div>
                    </div>

                </div>  
           </div>
    </div>
    <div class="modal fade" id="myModa">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">			               
            <!-- 模态框主体 -->
                <div class="modal-body">
                    <img id="modal-img" src="" alt="">
                </div>			 
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModa2">
        <div class="modal-dialog modal-lg">
                <div class="modal-content">			 
             <!-- 模态框头部 -->
                 <div class="modal-header">
                       <h4 class="modal-title">发起退单 </h4>
                 </div>			 
             <!-- 模态框主体 -->
                 <div class="modal-body">
                    <div class="g-refund">
                       <div class="g-tab-list">				
                           <div id="myTabContent" class="tab-content">              
                                   <div class="tab-pane fade in active" id="s-tab-1">
                                       <!--客户信息-->
                                       <div class="g-customer-info">
                                           <ul class="clearfix">
                                               <li>
                                                   <span>订单号：</span><span th:text="${orderDeal.order.orderNum}"></span>
                                                   <span id="orderId"  th:text="${orderDeal.order.orderId}" style="display:none"></span>
                                               </li>
                                               <li>
                                               	   <span>客户：</span><span th:text="${orderDeal.customerInfo.name} +'&nbsp('+ ${orderDeal.customerInfo.identityNum}+' , '+${orderDeal.customerInfo.cellphone}+')'"></span>
                                               </li>
                                               <li>
                                                   <span>销售员：</span><span th:text="${orderDeal.order.salesUserName}"></span>
                                               </li>
                                               <li>
                                                   <span>合同号：</span><span th:text="${orderDeal.contractId}"></span>
                                               </li>	
                                               <li class="g-li">                   
                                                   <form action="" method="">
                                                       <div class="form-group g-textarea clearfix"><label>退单理由：</label>
                                                           <textarea class="form-control" rows="3" name="info" style="resize:none"></textarea>
                                                       </div>
                                                   </form>
                                               </li>	                		
                                           </ul>
                                       </div>
                                   </div> 
                                   <div class="g-img-box full">
                                       <div class=" img-section">
                                           <p class="up-p">*退单凭证</p>
                                           <div class="z_photo upimg-div clear">			 
                                                   <section class="z_file fl">
                                                   		<div id="init" class="init"></div> 
                                                   </section>
                                               </div>
                                           </div>
                                   </div>
                                   <div class="btn-group">
                                       <button type="button" class="btn btn-warning dropdown-toggle" onclick="modify('pass')">确认退单</button>
                                       <input name="shortToken" type="hidden" th:value="${token}" id="shortToken">
                                       <button type="button" class="btn btn-default dropdown-toggle cancle" data-dismiss="modal">取消</button>
                                   </div>
                           </div>  
                      </div>
                   </div>
                 </div>			 
           </div>
        </div>
   	</div>
   	<div th:include="include::footer"></div>
   	<script src="/azxcrm/module/order/modifyOrder.js" th:src="@{/azxcrm/module/order/modifyOrder.js}"></script>	
   	<script src="../static/ajax/libs/zyupload/jquery-1.7.2.js" th:src="@{/ajax/libs/zyupload/jquery-1.7.2.js}"></script>
	<!-- 引用核心层插件 -->
	<script src="../static/ajax/libs/zyupload/core/zyFile.js" th:src="@{/ajax/libs/zyupload/core/zyFile.js}"></script>
	<!-- 引用控制层插件 -->
	<script src="../static/ajax/libs/zyupload/control/js/zyUpload.js" th:src="@{/ajax/libs/zyupload/control/js/zyUpload.js}"></script>
	<!-- 引用初始化JS -->
	<script src="../static/ajax/libs/zyupload/zyuploadinit.js" th:src="@{/ajax/libs/zyupload/zyuploadinit.js}"></script>
	<script>
    $(".imgs").click(function(){
        var imgSrc = $(this).attr("src");
        $("#modal-img").attr('src',imgSrc); 
    })
	</script>
</body>
</html>
